<template>
  <div class="card">
    <a href="#">
      <div class="title">{{ jobData.job_name }}</div>
      <div class="tags">
        <span class="tag" v-for="item in splitLabels(jobData.job_label)">
            {{ item }}
        </span>
      </div>
      <div class="company">
        <span class="company-name">{{ jobData.company_name }}</span>
        <span class="company-status">{{ jobData.company_scale }}</span>
      </div>
      <div class="hr">
        <img src="@/assets/img/avatar.svg" class="hr-avatar">
        <span>{{ jobData.company_hr }}</span>
      </div>
      <div class="salary">{{ jobData.job_salary }}</div>
    </a>
  </div>
</template>
<script setup>
 import { defineProps } from 'vue';
  const props = defineProps({
    jobData: Object
  })
  const splitLabels = (str)=>{
    return str.split(";")
  }
</script>